{yx:header name=header.html}{/yx:header}

    <div class="banner">
        <div class="banner_text">
            <span>沁园20年专注净水</span>
            <p>保障全家饮上优质健康水</p>
        </div>
    </div>

    <!-- 沁园产品 -->
    <div id="product">
        <div class="product">
            <div class="div_text">
                <span>沁园产品</span>
                <p>Product Center</p>
            </div>
            <div class="product_swiper_01">
                <div class="swiper-container swiper_01">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="product_swiper_01_text">厨房净饮水</div>
                        </div>
                        <div class="swiper-slide">
                            <div class="product_swiper_01_text">客厅净饮水</div>
                        </div>
                        <div class="swiper-slide">
                            <div class="product_swiper_01_text">全屋净饮水</div>
                        </div>
                        <div class="swiper-slide">
                            <div class="product_swiper_01_text">小型净饮水</div>
                        </div>
                        <div class="swiper-slide">
                            <div class="product_swiper_01_text">商用净饮水</div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 产品list -->
            <div class="product_swiper_all">
                <div class="product_swiper_list swiper_list_1 active1">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                        
                            <div class="swiper-slide">
                                <div class="product_swiper_list_s">
                                    <img src="[pic]" alt="">
                                    <span>[title]</span>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-pagination ak"></div>
                    </div>
                </div>
                <div class="product_swiper_list swiper_list_2">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="product_swiper_list_s">
                                    <img src="[pic]" alt="">
                                    <span>[title]</span>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-pagination ak"></div>
                    </div>
                </div>
                <div class="product_swiper_list swiper_list_3 active1">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="product_swiper_list_s">
                                    <img src="[pic]" alt="">
                                    <span>[title]</span>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-pagination ak"></div>
                    </div>
                </div>
                <div class="product_swiper_list swiper_list_4">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="product_swiper_list_s">
                                    <img src="[pic]" alt="">
                                    <span>[title]</span>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-pagination ak"></div>
                    </div>
                </div>
                <div class="product_swiper_list swiper_list_5">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="product_swiper_list_s">
                                    <img src="[pic]" alt="">
                                    <span>[title]</span>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-pagination ak"></div>
                    </div>
                </div>
            </div>
            <a class="product_a" href="goods1.html">
                <span>Read More</span>
                <img src="static/default/images/jiantou.png" alt="">
            </a>
        </div>
    </div>

    <!-- 新闻列表 -->
    <div id="new">
        <div class="new">
            <div class="div_text">
                <span>新闻资讯</span>
                <p>News Information</p>
            </div>
            <div class="new_list">
                <div class="new_list_01">
                    <img src="[pic]" alt="">
                    <ul class="new_list_01_ul">
                        <li>[name]</li>
                        <li>
                            <p>[description]</p>
                        </li>
                        <li>
                            <span class="time">[y]/[m]/[d]</span>
                            <p class="read">Read</p>
                        </li>
                        <li><a href="[viewurl]"></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 服务 -->
    <div id="fuwu">
        <div class="fuwu">
            <div class="div_text">
                <span>快捷服务</span>
                <p>Recommend</p>
            </div>
            <ul class="fuwu_ul">
                <li>
                    <img class="fuwu_img01" src="static/default/images/fuwu_01.png" alt="">
                    <img class="fuwu_img02" src="static/default/images/fuwu_01s.png" alt="">
                    <span>预约安装</span>
                    <a href=""></a>
                </li>
                <li>
                    <img class="fuwu_img01" src="static/default/images/fuwu_02.png" alt="">
                    <img class="fuwu_img02" src="static/default/images/fuwu_02s.png" alt="">
                    <span>常见问题</span>
                    <a href=""></a>
                </li>
                <li>
                    <img class="fuwu_img01" src="static/default/images/fuwu_03.png" alt="">
                    <img class="fuwu_img02" src="static/default/images/fuwu_03s.png" alt="">
                    <span>售后服务</span>
                    <a href=""></a>
                </li>
                <li>
                    <img class="fuwu_img01" src="static/default/images/fuwu_04.png" alt="">
                    <img class="fuwu_img02" src="static/default/images/fuwu_04s.png" alt="">
                    <span>联系我们</span>
                    <a href=""></a>
                </li>
            </ul>
        </div>
    </div>

{yx:footer name=footer.html}{/yx:footer}
    